<!DOCTYPE html>
<html lang="zh-cn">
<link rel="shortcut icon" href="static/image/logo.png">

<head>
    <!-- 基础设定 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Digilab - SEO & Digital Marketing Agency Template">
    <meta http-equiv="Pragma" content="no-cache">
<!-- 网页标题 -->
    <title>名称</title>

    <!-- 布局设计文件 -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/font-awesome.min.css" rel="stylesheet">
    <link href="static/css/themify-icons.css" rel="stylesheet">
    <link href="static/css/flaticon-set.css" rel="stylesheet">
    <link href="static/css/magnific-popup.css" rel="stylesheet">
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="static/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="static/css/animate.css" rel="stylesheet">
    <link href="static/css/bootsnav.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
    <link href="static/css/responsive.css" rel="stylesheet">

    <link href="static/css/css2.css" rel="stylesheet">

</head>

<body>



    <!-- 顶部栏 -->
    <header id="home">

        <!-- 顶部栏 -->
        <nav class="navbar navbar-default navbar-sticky dark attr-border bootsnav">

            <!-- 选择栏 -->
            <div class="container">
                <div class="row">
                    <div class="top-search">
                        <div class="input-group">
                            <form action="#">
                                <input type="text" name="text" class="form-control" placeholder="Search">
                                <button type="submit">
                                    <i class="ti-search"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 搜索框结束 -->

            <div class="container">

                <!-- Start Atribute Navigation -->
                <div class="attr-nav">
                    <ul>
                        <li class="search"><a href="#"><i class="fas fa-search"></i></a></li>
                    </ul>
                </div>
                <!-- End Atribute Navigation -->

                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img src="static/image/logo.png" class="logo" alt="Logo" style="width: 40px;height: 40px;">
                        <strong style="font-size: 20px;margin-left: 10px;">名称</strong>
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class="dropdown">
                            <a href="index.html">主页</a>
                        </li>

                        <li class="dropdown">
                            <a href="content/Select-page.html">班刊展示</a>
                        </li>

                        <li class="dropdown">
                            <a href="send.html">文章提交</a>
                        </li>
                        <li class="dropdown">
                            <a href="about-us.html">关于我们</a>
                        </li>

                    </ul>
                </div><!-- /.navbar-collapse -->
            </div>

        </nav>
        <!-- End Navigation -->

    </header>
    <div class="banner-area bg-shape text-light with-fixed-nav bg-cover-bottom heading-capitalized"
        style="background-image: url(static/image/background.png);">
        <div class="container">
            <div class="double-items">
                <div class="row align-center">
                    <div class="col-lg-7 info">
                        <h4 class="wow fadeInLeft">项目名称</h4>
                        <h2 class="wow fadeInDown" data-wow-duration="1s">主标题<strong>副标题</strong></h2>
                        <a class="btn circle btn-md btn-light effect wow fadeInUp" data-wow-duration="1.8s"
                            href="content/Select-page.html">点击进入</a>
                        <div style="margin-top: 20px;"><strong>宣传语</strong></div>
                    </div>
                    <div class="col-lg-5 thumb width-120 wow fadeInRight" data-wow-duration="1s">
                        <div class="thumb-innner">
                            <!---------<img src="static/logo/kjz.png" alt="Thumb" style="width:500%">--------->
                        </div>
                        <strong>项目主旨</strong>
                        </br>
                        <strong>宣传语</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Banner -->

    <!-- Start Process
    ============================================= -->
    <div class="tabs-content-area default-padding-top">
        <div class="container">
            <div class="center-tabs">
                <div class="row">
                    <div class="col-lg-4">
                        <ul id="tabs" class="nav nav-tabs">
                            <li class="nav-item">
                                <a href="" data-target="#tab1" data-toggle="tab" class="active nav-link">主要信息</a>
                            </li>
                            <li class="nav-item">
                                <a href="" data-target="#tab2" data-toggle="tab" class="nav-link">第一部分</a>
                            </li>
                            <li class="nav-item">
                                <a href="" data-target="#tab3" data-toggle="tab" class="nav-link">第二部分</a>
                            </li>
                            <li class="nav-item">
                                <a href="" data-target="#tab4" data-toggle="tab" class="nav-link">第三部分</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-8">
                        <div id="tabsContent" class="tab-content wow fadeInUp" data-wow-delay="0.5s">
                            <div id="tab1" class="tab-pane fade active show">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>主要信息</h5>
                                        <h2></h2>
                                        <p>
                                            未定文字内容
                                        </p>
                                        <a class="btn-simple" href="404.html"><i class="fas fa-angle-right"></i>点击进入</a>
                                    </div>
                                </div>
                            </div>
                            <div id="tab2" class="tab-pane fade">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>第一部分</h5>
                                        <h3>未定文字内容</h3>

                                        <a class="btn-simple" href="404.html"><i class="fas fa-angle-right"></i>点击进入</a>
                                    </div>
                                </div>
                            </div>
                            <div id="tab3" class="tab-pane fade">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>第二部分</h5>
                                        <h2>未定文字内容</h2>

                                        <a class="btn-simple" href="404.html"><i class="fas fa-angle-right"></i>点击进入</a>
                                    </div>
                                </div>
                            </div>
                            <div id="tab4" class="tab-pane fade">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>第三部分</h5>
                                        <h2>未定文字内容</h2>

                                        <a class="btn-simple" href="404.html"><i class="fas fa-angle-right"></i>点击进入</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Start Our Benefits 
    ============================================= -->
    <div class="benifits-area reverse bg-gray default-padding">

        <!-- Fixed Shape -->
        <div class="container">
            <div class="row">

                <div class="col-lg-6 wow fadeInDown thumb">
                    <img src="static/image/background.png" alt="Thumb">
                </div>

                <div class="col-lg-6 wow fadeInUp info">
                    <h5>副标题</h5>
                    <h2>主标题<strong><strong>副标题</strong></h2>
                    <p>段落一</p>
                    <p>段落二</p>
                    <p>段落三</p>
                    <ul>
                        <li>
                            <h5>特点一</h5>
                        </li>
                        <li>
                            <h5>特点二</h5>
                        </li>
                        <li>
                            <h5>特点三</h5>
                        </li>
                        <li>
                            <h5>特点四</h5>
                        </li>
                    </ul>
                    
                    <a class="btn circle btn-md btn-gradient" style="margin-top: 30px;" href="content/Select-page.html">内容展示</a>

                </div>

            </div>
        </div>
    </div>

    <div style="margin-top: 30px" class="case-studies-area circle-shape-right default-padding-top bg-gray bottom-less">
        <!-- Fixed Shape  -->

        <!-- Fixed Shape  -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <h5>关注我们</h5>
                        <h2>了解最新动态 <br> 关注最近消息</h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>
            </div>
            <div class="case-items">
                <div class="row">
                    <!-- Single Item -->
                    <div class="single-item col-lg-4 col-md-6">
                        <div class="item  wow fadeInUp" data-wow-delay="400ms">
                            <div class="thumb">
                                <img src="static/image/background.png" alt="Thumb">
                                <div class="overlay">
                                    <a href="404.html"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                            <div class="info">
                                <div class="cats">
                                    <p>
                                        内容一
                                    </p>
                                </div>
                                <h5>
                                    <a href="404.html">点击进入</a>
                                </h5>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Item -->
                    <!-- Single Item -->
                    <div class="single-item col-lg-4 col-md-6">
                        <div class="item  wow fadeInUp" data-wow-delay="500ms">
                            <div class="thumb">
                                <img src="static/image/background.png" alt="Thumb">
                                <div class="overlay">
                                    <a href="404.html"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                            <div class="info">
                                <div class="cats">
                                    <p>
                                        内容二
                                    </p>
                                </div>
                                <h5>
                                    <a href="404.html">点击进入</a>
                                </h5>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Item -->
                    <!-- Single Item -->
                    <div class="single-item col-lg-4 col-md-6">
                        <div class="item  wow fadeInUp" data-wow-delay="600ms">
                            <div class="thumb">
                                <img src="static/image/background.png" alt="Thumb">
                                <div class="overlay">
                                    <a href="404.html"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                            <div class="info">
                                <div class="cats">
                                    <p>
                                        内容三
                                    </p>
                                </div>
                                <h5>
                                    <a href="404.html">点击进入</a>
                                </h5>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Item -->
                </div>
            </div>
        </div>
    </div>


    </div>


    <footer class="bg-dark text-light">

        <div class="container">
            <div class="f-items default-padding">
                <div class="row">
                    <div class="col-lg-4 col-md-6 item">
                        <div class="f-item about">
                            <div class="address">
                                <ul>
                                    <li>
                                        <div class="icon">
                                            <i class="flaticon-email"></i>
                                        </div>
                                        <div class="info">
                                            <h5>待定内容</h5>
                                            <span>文本内容</span>
                                        </div>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>本站基于bookstrap开发 图片来源于网络</p>
                    </div>

                </div>
            </div>
        </div>
        <!-- End Footer Bottom -->
    </footer>
    <!-- End Footer -->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="static/js/jquery-1.12.4.min.js"></script>

    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/equal-height.min.js"></script>
    <script src="static/js/jquery.appear.js"></script>
    <script src="static/js/jquery.easing.min.js"></script>
    <script src="static/js/jquery.magnific-popup.min.js"></script>
    <script src="static/js/modernizr.custom.13711.js"></script>
    <script src="static/js/owl.carousel.min.js"></script>
    <script src="static/js/wow.min.js"></script>
    <script src="static/js/progress-bar.min.js"></script>
    <script src="static/js/isotope.pkgd.min.js"></script>
    <script src="static/js/imagesloaded.pkgd.min.js"></script>
    <script src="static/js/count-to.js"></script>
    <script src="static/js/YTPlayer.min.js"></script>
    <script src="static/js/progresscircle.js"></script>
    <script src="static/js/bootsnav.js"></script>
    <script src="static/js/main.js"></script>

</body>

</html>